    <div class="map" id="map_canvas"></div>
    <div class="resultados">
          {{#restaurantes}}
          <div class="restaurante{{#tipo_restaurante}} parceiro{{/tipo_restaurante}}" restaurante="{{alias}}/{{id}}">
              <div class="logo">
              	<figure>
              		<img src="/app/resources/uploads/restaurantes/{{id}}/{{id}}.png"/>
              	</figure>
              </div>
              
              <div class="info">
                  <div class="titulo">
                    <h1>{{nome}}</h1>
                    <span>{{descricao}}</span>
                  </div>
                  <div class="more">
                      Pedido Mínimo: {{vlr_minimo}}<br />
                      Taxa de Entrega: {{taxa_entrega}}<br />
  					          Entrega em: {{tempo_entrega}} min <br/>
  					          {{#tipo_restaurante}}<strong>Peça pelo site</strong>{{/tipo_restaurante}}
  					          {{^tipo_restaurante}}Somente por telefone{{/tipo_restaurante}}
                  </div>
              </div>
          </div>
          {{/restaurantes}}
          {{^restaurantes}}
            <div class="empty">
              <b>OOPS!</b><br/><br/>
              No momento nenhum restaurante atende esta região.<br/> Caso conheça algum restaurante e gostaria de encontrá-lo aqui, <a href="/indique">indique um restaurante</a>.<br/>
              Tem outro endereço? <a href="/meu/endereco">Altere aqui</a>.
              
            </div>
          {{/restaurantes}}
    </div>
<script type="text/javascript" src="/app/resources/site/js/restaurantes.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

<script type="text/javascript">
    var map;
    {{#endereco}}
    function initialize() {
        var latlng = new google.maps.LatLng({{latitude}}, {{longitude}});
        var myOptions = {
            zoom: 17,
            center: latlng,
            scrollwheel: false,
            streetViewControl: false,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }

    $(document).ready(function () { initialize(); carregaMarcadores(); });
    var meu_endereco = ['meu endereço', {{latitude}}, {{longitude}}, 1];
    {{/endereco}}
    
    var enderecos;
    
    enderecos = [meu_endereco, {{#restaurantes}}['{{nome}} -{{#end}} {{nome}}', {{latitude}}, {{longitude}}, 0{{/end}}], {{/restaurantes}}];
    
    function carregaMarcadores() {
        var latlngbounds = new google.maps.LatLngBounds();
        for (i = 0; i < enderecos.length; i++) {                
            var lugar = enderecos[i];
            var latLng = new google.maps.LatLng(lugar[1], lugar[2]);
            latlngbounds.extend(latLng);
            var pinImageR = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569",
                new google.maps.Size(21, 34),
                new google.maps.Point(0,0),
                new google.maps.Point(10, 34));
            var pinImageB = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FFFFFF",
                new google.maps.Size(21, 34),
                new google.maps.Point(0,0),
                new google.maps.Point(10, 34));
            var pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",
                new google.maps.Size(40, 37),
                new google.maps.Point(0, 0),
                new google.maps.Point(12, 35));
            
            var marker = new google.maps.Marker({
                position: latLng,
                map: map,
                title: lugar[0],
                icon: lugar[3]?pinImageB:pinImageR,
                shadow: pinShadow
            });
        }
        map.fitBounds(latlngbounds);
    }
</script>
